﻿/*************************************************************************/
/*                                                                    Base
/*************************************************************************/
#colorSet { color: #eee; }    /* Body */
#colorSet { color: #686868; } /* Font */
#colorSet { color: #999; }    /* Border */
#colorSet { color: #7697ab; } /* Menu */
#colorSet { color: #617c8c; } /* Selected */

* {
    border: 0;
    color: #686868;
    font-style: normal;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

html {
    font-size: 100.1%;
}

body {
    background-color: #eee;
    font-size: 62.5%;
}

h1 {
    border-bottom: solid 1px #686868;
    color: #7697ab;
    display: block;
    font-size: 1.8em;
    margin: 0 0 3px 0;
}

h2 {

    font-size: 1.9em;
}

h3 {
    font-size: 1.6em;
}

p {
    font-size: 1.3em;
    line-height: 1.5em;
    padding: 0 1px;
}

span {
    font-size: 1.3em;
}

a {
    color: #7697ab;
}

a:hover {
    text-decoration: underline;
}


/*************************************************************************/
/*                                                                  Center
/*************************************************************************/
#center {
    margin: 20px auto 0 auto;
    width: 800px;
}


/*************************************************************************/
/*                                                           Center / Page
/*************************************************************************/
#page {
    background-color: #999;
    float: left;
    padding: 1px;
    width: 100%;
}


/*************************************************************************/
/*                                                  Center / Page / Header
/*************************************************************************/
#header {
    background-color: white;
    float: left;
    width: 100%;
}

#header a span {
    color: #7697ab;
    font-size: 1em;
    margin-right: 3px;
}

#header a:hover span {
    text-decoration: underline;
}


/*************************************************************************/
/*                                              Center / Page / Navigation
/*************************************************************************/
#menu {
    background-color: #7697ab;
    float: left;
    width: 100%;
}

#menu ul {
    list-style-type: none;
    padding: 0 0 0 14px;
}

#menu ul li {
    display: inline;
    margin: 0 14px 0 0;
}

#menu ul li a span {
    color: white;
    font-weight: bold;
    line-height: 30px;
}

#menu ul li a.select span {
    border-bottom: 1px solid #eee;
    color: #eee;
}

#menu ul li a:hover span,
#menu ul li a.select:hover span {
    border-bottom: 1px solid white;
    color: white;
}


/*************************************************************************/
/*                                     Center / Page / Container / Content
/*************************************************************************/
#container {
    background-color: white;
    float: left;
    width: 100%;
}

/*************************************************************************/
/*                                     Center / Page / Container / Content
/*************************************************************************/
#content {
    padding: 14px;
}


/*************************************************************************/
/*                                                                  Footer
/*************************************************************************/
#footer {
    background-color: white;
    float: left;
    width: 100%;
}

#footer p {
    font-size: 1em;
    line-height: 30px;
    text-align: center;
}

#footer p a {
    
}

#footer p a span {
    font-size: 1em;
}

#footer p a:hover span {
    color: #7697ab;
    text-decoration: underline;
}


/*************************************************************************/
/*                                                                     CMS
/*************************************************************************/
div.editlink {
    background-color: #eee;
    border: 1px solid #999;
    float: right;
}

div.editlink a {
    display: block;
    padding: 1px 4px;
}

div.editlink a span {
    font-size: 1.0em;
}

div.editlink a:hover span {
    color: #7697ab;
    text-decoration: underline;
}


/*************************************************************************/
/*                                                                    From
/*************************************************************************/
form {
    display: inline-block;
}

input.linkbutton {
	background-color: transparent;
    border: none;
    color: #7697AB;
    display: block;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
    margin: 0px 4px;
	padding: 0;
    text-decoration: none;
}
    
input.linkbutton:hover {
    cursor: pointer;
    text-decoration: underline;
}


/*************************************************************************/
/*                                                          Helper-Classes
/*************************************************************************/
.left {
    float: left;
}

.right {
    float: right;
}